<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/base/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/base/jqueryweui.css" />
		<link rel="stylesheet" type="text/css" href="css/base/public.css" />
	</head>
	<style type="text/css">
		.IM_top {
			height: 50px;
			width: 100%;
			position: fixed;
			top: 0px;
		}
		
		.IM_content {
			margin: 50px 0px;
		}
		
		.IM_top_txt {
			color: white;
			font-weight: bolder;
			font-family: "微软雅黑";
			font-size: 20px;
			line-height: 50px;
			margin-left: 20px;
		}
		
		.IM_content_people {
			border-bottom: 1px solid #eee;
			box-shadow: 0px 1px 3px #eee;
			height: 50px;
			-webkit-box-align: center;
			display: -webkit-box;
		}
		
		.IM_content_people:active {
			background: #F5F5F5;
		}
		
		.IM_content_peopleImg {
			background: #666;
			width: 30px;
			height: 30px;
			margin: 0px 20px;
		}
		
		.IM_content_peopleName {
			height: 30px;
			margin-right: 20px;
			-webkit-box-flex: 1;
			text-align: center;
		}
		
		.xiaoxiIcon {
			border: 1px solid;
			font-size: 22px;
			border-radius: 50px;
			padding: 0px 7px 0px 7px;
			background-color: #13A311;
			color: white;
		}
		
		.succInfo {
			height: 230px;
			border-bottom: 1px solid #ddd;
		}
		
		.duigou {
			width: 80px;
			height: 80px;
			font-size: 80px;
			line-height: 80px;
			border-radius: 80px;
			padding: 15px;
			margin: auto;
			margin-top: 150px;
			background-color: #13A311;
			color: white;
		}
		
		.personal_centerTop {
			position: fixed;
			top: 0px;
			height: 50px;
			width: 100%;
			display: -webkit-box;
		}
		
		.top_fanhui {
			width: 50px;
			font-size: 20px;
			text-align: center;
			line-height: 50px;
			color: #FFF;
		}
		
		.top_name {
			-webkit-box-flex: 1;
			font-size: 18px;
			line-height: 50px;
			color: #FFF;
		}
		
		.content {
			padding: 50px 0px;
		}
		
		.contentLogo {
			border: 1px solid #ddd;
			height: 35vh;
			width: 100%;
		}
		
		.infoTxt {
			border-bottom: 1px dashed #666;
			font-size: 14px;
			color: #333;
			height: 40px;
			line-height: 40px;
			margin: 10px;
		}
	</style>

	<body>
		<!--
        	作者：530929822@qq.com
        	时间：2017-03-29
        	描述：私信聊天页
        -->
		<!--顶部开始-->
		<div class="personal_centerTop top_blue">
			<div onclick="location.href='IM.html'" class="top_fanhui Hui-iconfont Hui-iconfont-slider-left"></div>
			<div class="top_name font-weight">报修详情</div>
		</div>
		<!--顶部结束-->
		<!--内容开始-->
		<div class="IM_content">
			<div class="succInfo">
				<div class="Hui-iconfont Hui-iconfont-xuanze duigou"></div>
				<div class="font_color3 font-size16" style="text-align: center;margin-top: 20px;">报修审核通过</div>
				<div class="font_color6 font-size9" style="text-align: center;">报修审核通过，本单已为您免费</div>
			</div>
			<p class="infoTxt">报修时间：<span class="createdAt"></span></p>
			<p class="infoTxt">报修车辆：<span class="bikeNumber"></span></p>
			<p class="infoTxt">故障类型：<span class="faultType"></span></p>
			<p class="infoTxt">备注：<span class="beizhu"></span></p>
		</div>
		<!--内容结束-->
		<!--底部按钮开始-->
		<div class="weui-tabbar footer">
			<a href="index.html" class="weui-tabbar__item ">
				<p style="" class=" weui-tabbar__label Hui-iconfont Hui-iconfont-saoyisao "></p>
			</a>
			<a href="IM.html " class="weui-tabbar__item ">
				<p class="footertab_blue weui-tabbar__label Hui-iconfont Hui-iconfont-xiaoxi1 "></p>
			</a>
			<a href="personal.html " class="weui-tabbar__item ">
				<p class="weui-tabbar__label Hui-iconfont Hui-iconfont-user "></p>
			</a>
		</div>
		<!--底部按钮结束-->
	</body>
	<script src="js/base/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/base/jquery-weui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/base/vue.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		window.onload = function() {
			var beizhu = sessionStorage.getItem("报修备注")
			var bikeNumber = sessionStorage.getItem("报修车辆号")
			var faultType =sessionStorage.getItem("报修类型")
			var createdAt = sessionStorage.getItem("报修时间")
			$('.beizhu').html(beizhu);
			$('.bikeNumber').html(bikeNumber);
			$('.faultType').html(faultType);
			$('.createdAt').html(createdAt);
			
		}
	</script>

</html>